<html>
<head>
<title>skin.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.s0 { color: #000000;}
.s1 { color: #0000ff; font-weight: bold;}
.s2 { color: #000000;}
.s3 { color: #000080; font-weight: bold;}
.s4 { color: #008000; font-weight: bold;}
.s5 { color: #808080; font-style: italic;}
.s6 { color: #000080; font-weight: bold;}
.s7 { color: #0000ff; font-weight: bold;}
.s8 { color: #0000ff;}
.s9 { color: #008000; font-weight: bold;}
.ln { color: #999999; font-weight: normal; font-style: normal; }
</style>
</head>
<body bgcolor="#ffffff">
<table CELLSPACING=0 CELLPADDING=5 COLS=1 WIDTH="100%" BGCOLOR="#c0c0c0" >
<tr><td><center>
<font face="Arial, Helvetica" color="#000000">
skin.html</font>
</center></td></tr></table>
<pre><a name="l1"><span class="ln">1    </span></a>&lt;!DOCTYPE <span class="s1">html</span>&gt;
<a name="l2"><span class="ln">2    </span></a>&lt;<span class="s3">html  </span><span class="s1">lang=</span><span class="s4">&quot;zh&quot; </span><span class="s1">xmlns:th=</span><span class="s4">&quot;http://www.thymeleaf.org&quot;</span>&gt;
<a name="l3"><span class="ln">3    </span></a>&lt;<span class="s3">head</span>&gt;
<a name="l4"><span class="ln">4    </span></a>    &lt;<span class="s3">meta </span><span class="s1">charset=</span><span class="s4">&quot;utf-8&quot;</span>&gt;
<a name="l5"><span class="ln">5    </span></a>    &lt;<span class="s3">meta </span><span class="s1">name=</span><span class="s4">&quot;viewport&quot; </span><span class="s1">content=</span><span class="s4">&quot;width=device-width, initial-scale=1.0&quot;</span>&gt;
<a name="l6"><span class="ln">6    </span></a>    &lt;<span class="s3">meta </span><span class="s1">name=</span><span class="s4">&quot;renderer&quot; </span><span class="s1">content=</span><span class="s4">&quot;webkit&quot;</span>&gt;
<a name="l7"><span class="ln">7    </span></a>    &lt;<span class="s3">title</span>&gt;主题选择&lt;/<span class="s3">title</span>&gt;
<a name="l8"><span class="ln">8    </span></a>    <span class="s5">&lt;!--[if lt IE 9]&gt;</span>
<a name="l9"><span class="ln">9    </span></a>    &lt;meta http-equiv=&quot;refresh&quot; content=&quot;0;ie.html&quot;/&gt; 
<a name="l10"><span class="ln">10   </span></a>    &lt;![endif]--&gt;
<a name="l11"><span class="ln">11   </span></a>    &lt;<span class="s3">link </span><span class="s1">rel=</span><span class="s4">&quot;shortcut icon&quot; </span><span class="s1">href=</span><span class="s4">&quot;../static/favicon.ico&quot; </span><span class="s1">th:href=</span><span class="s4">&quot;@{favicon.ico}&quot;</span>/&gt;
<a name="l12"><span class="ln">12   </span></a>    &lt;<span class="s3">link </span><span class="s1">th:href=</span><span class="s4">&quot;@{/css/bootstrap.min.css}&quot; </span><span class="s1">rel=</span><span class="s4">&quot;stylesheet&quot;</span>/&gt;
<a name="l13"><span class="ln">13   </span></a>    &lt;<span class="s3">link </span><span class="s1">th:href=</span><span class="s4">&quot;@{/css/style.css}&quot; </span><span class="s1">rel=</span><span class="s4">&quot;stylesheet&quot;</span>/&gt;
<a name="l14"><span class="ln">14   </span></a>    &lt;<span class="s3">style </span><span class="s1">type=</span><span class="s4">&quot;text/css&quot;</span>&gt;
<a name="l15"><span class="ln">15   </span></a>		.<span class="s6">list-unstyled</span>{<span class="s7">margin</span>:<span class="s8">10</span><span class="s9">px</span>;}
<a name="l16"><span class="ln">16   </span></a>		.<span class="s6">full-opacity-hover</span>{<span class="s7">opacity</span>:<span class="s8">1</span>;<span class="s7">filter</span>:<span class="s6">alpha</span>(<span class="s9">opacity</span>=<span class="s8">1</span>);<span class="s7">border</span>:<span class="s8">1</span><span class="s9">px solid </span><span class="s6">#fff</span>}
<a name="l17"><span class="ln">17   </span></a>		.<span class="s6">full-opacity-hover</span>:<span class="s6">hover</span>{<span class="s7">border</span>:<span class="s8">1</span><span class="s9">px solid </span><span class="s6">#f00</span>;}
<a name="l18"><span class="ln">18   </span></a>	&lt;/<span class="s3">style</span>&gt;
<a name="l19"><span class="ln">19   </span></a>&lt;/<span class="s3">head</span>&gt;
<a name="l20"><span class="ln">20   </span></a>&lt;<span class="s3">body </span><span class="s1">class=</span><span class="s4">&quot;gray-bg&quot;</span>&gt;
<a name="l21"><span class="ln">21   </span></a>&lt;<span class="s3">ul </span><span class="s1">class=</span><span class="s4">&quot;list-unstyled clearfix&quot;</span>&gt;
<a name="l22"><span class="ln">22   </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l23"><span class="ln">23   </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-blue|theme-dark&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l24"><span class="ln">24   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#367fa9</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l25"><span class="ln">25   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#3c8dbc</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l26"><span class="ln">26   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#2f4050</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l27"><span class="ln">27   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l28"><span class="ln">28   </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l29"><span class="ln">29   </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;蓝&lt;/<span class="s3">p</span>&gt;
<a name="l30"><span class="ln">30   </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l31"><span class="ln">31   </span></a>	
<a name="l32"><span class="ln">32   </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l33"><span class="ln">33   </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-green|theme-dark&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l34"><span class="ln">34   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#008d4c</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l35"><span class="ln">35   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#00a65a</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l36"><span class="ln">36   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#222d32</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l37"><span class="ln">37   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l38"><span class="ln">38   </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l39"><span class="ln">39   </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;绿&lt;/<span class="s3">p</span>&gt;
<a name="l40"><span class="ln">40   </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l41"><span class="ln">41   </span></a>	
<a name="l42"><span class="ln">42   </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l43"><span class="ln">43   </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-purple|theme-dark&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l44"><span class="ln">44   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#555299</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l45"><span class="ln">45   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#605ca8</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l46"><span class="ln">46   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#222d32</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l47"><span class="ln">47   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l48"><span class="ln">48   </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l49"><span class="ln">49   </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;紫&lt;/<span class="s3">p</span>&gt;
<a name="l50"><span class="ln">50   </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l51"><span class="ln">51   </span></a>	
<a name="l52"><span class="ln">52   </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l53"><span class="ln">53   </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-red|theme-dark&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l54"><span class="ln">54   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#dd4b39</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l55"><span class="ln">55   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#d73925</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l56"><span class="ln">56   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#222d32</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l57"><span class="ln">57   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l58"><span class="ln">58   </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l59"><span class="ln">59   </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;红&lt;/<span class="s3">p</span>&gt;
<a name="l60"><span class="ln">60   </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l61"><span class="ln">61   </span></a>	
<a name="l62"><span class="ln">62   </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l63"><span class="ln">63   </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-yellow|theme-dark&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l64"><span class="ln">64   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f39c12</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l65"><span class="ln">65   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#e08e0b</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l66"><span class="ln">66   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#222d32</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l67"><span class="ln">67   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l68"><span class="ln">68   </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l69"><span class="ln">69   </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;黄&lt;/<span class="s3">p</span>&gt;
<a name="l70"><span class="ln">70   </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l71"><span class="ln">71   </span></a>	
<a name="l72"><span class="ln">72   </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l73"><span class="ln">73   </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-blue|theme-light&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l74"><span class="ln">74   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#367fa9</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l75"><span class="ln">75   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#3c8dbc</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l76"><span class="ln">76   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f9fafc</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l77"><span class="ln">77   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l78"><span class="ln">78   </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l79"><span class="ln">79   </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;蓝灰&lt;/<span class="s3">p</span>&gt;
<a name="l80"><span class="ln">80   </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l81"><span class="ln">81   </span></a>	
<a name="l82"><span class="ln">82   </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l83"><span class="ln">83   </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-green|theme-light&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l84"><span class="ln">84   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#008d4c</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l85"><span class="ln">85   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#00a65a</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l86"><span class="ln">86   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f9fafc</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l87"><span class="ln">87   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l88"><span class="ln">88   </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l89"><span class="ln">89   </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;绿灰&lt;/<span class="s3">p</span>&gt;
<a name="l90"><span class="ln">90   </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l91"><span class="ln">91   </span></a>	
<a name="l92"><span class="ln">92   </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l93"><span class="ln">93   </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-purple|theme-light&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l94"><span class="ln">94   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#555299</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l95"><span class="ln">95   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#605ca8</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l96"><span class="ln">96   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f9fafc</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l97"><span class="ln">97   </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l98"><span class="ln">98   </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l99"><span class="ln">99   </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;紫灰&lt;/<span class="s3">p</span>&gt;
<a name="l100"><span class="ln">100  </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l101"><span class="ln">101  </span></a>	
<a name="l102"><span class="ln">102  </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l103"><span class="ln">103  </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-red|theme-light&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l104"><span class="ln">104  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#dd4b39</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l105"><span class="ln">105  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#d73925</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l106"><span class="ln">106  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f9fafc</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l107"><span class="ln">107  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l108"><span class="ln">108  </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l109"><span class="ln">109  </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;红灰&lt;/<span class="s3">p</span>&gt;
<a name="l110"><span class="ln">110  </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l111"><span class="ln">111  </span></a>	
<a name="l112"><span class="ln">112  </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l113"><span class="ln">113  </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-yellow|theme-light&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l114"><span class="ln">114  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f39c12</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l115"><span class="ln">115  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#e08e0b</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l116"><span class="ln">116  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f9fafc</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l117"><span class="ln">117  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l118"><span class="ln">118  </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l119"><span class="ln">119  </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;黄灰&lt;/<span class="s3">p</span>&gt;
<a name="l120"><span class="ln">120  </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l121"><span class="ln">121  </span></a>	
<a name="l122"><span class="ln">122  </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l123"><span class="ln">123  </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-blue|theme-blue&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l124"><span class="ln">124  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#367fa9</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l125"><span class="ln">125  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#3c8dbc</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l126"><span class="ln">126  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">rgba</span>(<span class="s8">15</span>,<span class="s8">41</span>,<span class="s8">80</span>,<span class="s8">1</span>)<span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l127"><span class="ln">127  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l128"><span class="ln">128  </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l129"><span class="ln">129  </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;蓝浅（新）&lt;/<span class="s3">p</span>&gt;
<a name="l130"><span class="ln">130  </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l131"><span class="ln">131  </span></a>	&lt;<span class="s3">li </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">float</span>:<span class="s9">left</span>; <span class="s7">width</span>: <span class="s8">33.33333</span>%; <span class="s7">padding</span>: <span class="s8">5</span><span class="s9">px</span>;<span class="s4">&quot;</span>&gt;
<a name="l132"><span class="ln">132  </span></a>		&lt;<span class="s3">a </span><span class="s1">href=</span><span class="s4">&quot;javascript:&quot; </span><span class="s1">data-skin=</span><span class="s4">&quot;skin-green|theme-blue&quot; </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">display</span>: <span class="s9">block</span>; <span class="s7">box-shadow</span>: <span class="s8">0 0 3</span><span class="s9">px </span><span class="s6">rgba</span>(<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0</span>,<span class="s8">0.4</span>)<span class="s4">&quot; </span><span class="s1">class=</span><span class="s4">&quot;clearfix full-opacity-hover&quot;</span>&gt;
<a name="l133"><span class="ln">133  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#008d4c</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l134"><span class="ln">134  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">13</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#00a65a</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l135"><span class="ln">135  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">20</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">rgba</span>(<span class="s8">15</span>,<span class="s8">41</span>,<span class="s8">80</span>,<span class="s8">1</span>)<span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l136"><span class="ln">136  </span></a>			&lt;<span class="s3">span </span><span class="s1">style=</span><span class="s4">&quot;</span><span class="s7">width</span>: <span class="s8">80</span>%; <span class="s7">float</span>: <span class="s9">left</span>; <span class="s7">height</span>: <span class="s8">30</span><span class="s9">px</span>; <span class="s7">background</span>: <span class="s6">#f4f5f7</span><span class="s4">&quot;</span>&gt;&lt;/<span class="s3">span</span>&gt;
<a name="l137"><span class="ln">137  </span></a>		&lt;/<span class="s3">a</span>&gt;
<a name="l138"><span class="ln">138  </span></a>		&lt;<span class="s3">p </span><span class="s1">class=</span><span class="s4">&quot;text-center&quot;</span>&gt;绿浅（新）&lt;/<span class="s3">p</span>&gt;
<a name="l139"><span class="ln">139  </span></a>	&lt;/<span class="s3">li</span>&gt;
<a name="l140"><span class="ln">140  </span></a>&lt;/<span class="s3">ul</span>&gt;
<a name="l141"><span class="ln">141  </span></a>&lt;/<span class="s3">body</span>&gt;
<a name="l142"><span class="ln">142  </span></a>&lt;<span class="s3">script </span><span class="s1">th:src=</span><span class="s4">&quot;@{/js/jquery.min.js}&quot;</span>&gt;&lt;/<span class="s3">script</span>&gt;
<a name="l143"><span class="ln">143  </span></a>&lt;<span class="s3">script </span><span class="s1">th:src=</span><span class="s4">&quot;@{/ruoyi/js/common.js?v=4.3.1}&quot;</span>&gt;&lt;/<span class="s3">script</span>&gt;
<a name="l144"><span class="ln">144  </span></a>&lt;<span class="s3">script </span><span class="s1">type=</span><span class="s4">&quot;text/javascript&quot;</span>&gt;
<a name="l145"><span class="ln">145  </span></a><span class="s5">//皮肤样式列表</span>
<a name="l146"><span class="ln">146  </span></a><span class="s6">var </span>skins = [<span class="s9">&quot;skin-blue&quot;</span>, <span class="s9">&quot;skin-green&quot;</span>, <span class="s9">&quot;skin-purple&quot;</span>, <span class="s9">&quot;skin-red&quot;</span>, <span class="s9">&quot;skin-yellow&quot;</span>];
<a name="l147"><span class="ln">147  </span></a>
<a name="l148"><span class="ln">148  </span></a><span class="s5">// 主题样式列表</span>
<a name="l149"><span class="ln">149  </span></a><span class="s6">var </span>themes = [<span class="s9">&quot;theme-dark&quot;</span>, <span class="s9">&quot;theme-light&quot;</span>, <span class="s9">&quot;theme-blue&quot;</span>];
<a name="l150"><span class="ln">150  </span></a>
<a name="l151"><span class="ln">151  </span></a>$(<span class="s9">&quot;[data-skin]&quot;</span>).on(<span class="s9">'click'</span>,
<a name="l152"><span class="ln">152  </span></a><span class="s6">function</span>(e) {
<a name="l153"><span class="ln">153  </span></a>    <span class="s6">var </span>skin = $(<span class="s6">this</span>).data(<span class="s9">'skin'</span>);
<a name="l154"><span class="ln">154  </span></a>    $.each(skins, <span class="s6">function</span>(i) {
<a name="l155"><span class="ln">155  </span></a>        parent.$(<span class="s9">&quot;body&quot;</span>).removeClass(skins[i]);
<a name="l156"><span class="ln">156  </span></a>    });
<a name="l157"><span class="ln">157  </span></a>    $.each(themes, <span class="s6">function</span>(i) {
<a name="l158"><span class="ln">158  </span></a>        parent.$(<span class="s9">&quot;body&quot;</span>).removeClass(themes[i]);
<a name="l159"><span class="ln">159  </span></a>    });
<a name="l160"><span class="ln">160  </span></a>    parent.$(<span class="s9">&quot;body&quot;</span>).addClass(skin.split(<span class="s9">'|'</span>)[<span class="s8">0</span>]);
<a name="l161"><span class="ln">161  </span></a>    parent.$(<span class="s9">&quot;body&quot;</span>).addClass(skin.split(<span class="s9">'|'</span>)[<span class="s8">1</span>]);
<a name="l162"><span class="ln">162  </span></a>    storage.set(<span class="s9">'skin'</span>, skin);
<a name="l163"><span class="ln">163  </span></a>});
<a name="l164"><span class="ln">164  </span></a>&lt;/<span class="s3">script</span>&gt;
<a name="l165"><span class="ln">165  </span></a>&lt;/<span class="s3">html</span>&gt;
<a name="l166"><span class="ln">166  </span></a></pre>
</body>
</html>